{extend name="Layout/base" /}
{block name="content"}
<!-- //////////////////////////////////////////////////////////////////////////// --> 
<!-- START CONTAINER -->
<div class="calendar-layout clearfix">

  <div class="col-md-2">

    <div id='external-events'>
      <h6 class="font-title"><i class="fa fa-arrows"></i> DRAGGABLE EVENTS</h6>
      <p>Drag into calendar</p>
      <div class='fc-event'>Meeting with Developer Team</div>
      <div class='fc-event'>Office Party</div>
      <div class='fc-event'>March Invoices</div>
      <div class='fc-event'>Call John</div>
      <div class='fc-event'>Dinner with Team</div>
      <div class='fc-event'>Design an iOS App</div>
      <div class='fc-event'>Make a Sandwich</div>
      <div class='fc-event'>Meeting with Customers</div>


    </div>

  </div>

  <div class="col-md-10">
    <div id='calendar'></div>
  </div>

    




</div>
<!-- END CONTAINER -->
 <!-- //////////////////////////////////////////////////////////////////////////// --> 
{/block}